
<div class="page-content">
    <!-- BEGIN PAGE HEADER-->
                <div class="row">
                    <div class="col-md-12">
                        <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                        <h3 class="page-title">
                            Dashboard <small>statistics and more</small>
                        </h3>
                        <ul class="page-breadcrumb breadcrumb">
                            <li>
                                <i class="icon-home"></i>
                                <a href="index.html">Home</a> 
                                <i class="icon-angle-right"></i>
                            </li>
                            <li><a href="#">Dashboard</a></li>
                            <li class="pull-right">
                                <div id="dashboard-report-range" class="dashboard-date-range tooltips" data-placement="top" data-original-title="Change dashboard date range">
                                    <i class="icon-calendar"></i>
                                    <span></span>
                                    <i class="icon-angle-down"></i>
                                </div>
                            </li>
                        </ul>
                        <!-- END PAGE TITLE & BREADCRUMB-->
                    </div>
                </div>
                <!-- END PAGE HEADER-->
                <!-- BEGIN DASHBOARD STATS -->
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="dashboard-stat blue">
                            <div class="visual">
                                <i class="icon-comments"></i>
                            </div>
                            <div class="details">
                                <div class="number">
                                    Teacher
                                </div>
                                <div class="desc">                           
                                    Occupation
                                </div>
                            </div>
                            <a class="more" href>
                                {{teacherProfile.fName}} {{teacherProfile.lName}}

                                <i class="m-icon-swapright m-icon-white"></i>
                            </a>                 
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="dashboard-stat green">
                            <div class="visual">
                                <i class=" icon-sitemap"></i>
                            </div>
                            <div class="details">
                                <div class="number">
                                    {{standardList.length}}
                                </div>
                                <div class="desc">Total Standard</div>
                            </div>
                            <a class="more" href>
                                View more <i class="m-icon-swapright m-icon-white"></i>
                            </a>                 
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="dashboard-stat purple">
                            <div class="visual">
                                <i class="icon-book"></i>
                            </div>
                            <div class="details">
                                <div class="number">
                                    {{subjectList.length}}
                                </div>
                                <div class="desc">Total Subject</div>
                            </div>
                            <a class="more" href>
                                View more <i class="m-icon-swapright m-icon-white"></i>
                            </a>                 
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="dashboard-stat yellow">
                            <div class="visual">
                                <i class="icon-bar-chart"></i>
                            </div>
                            <div class="details">
                                <div class="number">
                                    {{teacherProfile.salary}}
                                    <i class="icon-inr" 
                                       style="font-size:30px"></i>
                                </div>
                                <div class="desc">Current Salary</div>
                            </div>
                            <a class="more" href>
                                View more <i class="m-icon-swapright m-icon-white"></i>
                            </a>                 
                        </div>
                    </div>
                </div>
                <!-- END DASHBOARD STATS -->

</div>